<template>
	<!-- @open="handleOpen"		@close="handleClose" -->
	<!-- 静态菜单 -->
	<!-- <el-menu :collapse="collapse" default-active="2" class="el-menu-vertical-demo" :router="true">
		<el-menu-item index="iconSelect">
			<el-icon-menu/>
			<template #title>图标选择器</template>
		</el-menu-item>
		<el-menu-item index="ChooseArea">
			<el-icon-menu/>
			<template #title>省市区选择</template>
		</el-menu-item>
		<el-menu-item index="trend">
			<el-icon-menu/>
			<template #title>趋势标记</template>
		</el-menu-item>
		<el-menu-item index="1-4">
			<el-icon-menu/>
			<template #title>时间选择</template>
		</el-menu-item>
		<el-menu-item index="1-5">
			<el-icon-menu/>
			<template #title>通知菜单</template>
		</el-menu-item>
		<el-menu-item index="1-6">
			<el-icon-menu/>
			<template #title>城市选择</template>
		</el-menu-item>
		<el-menu-item index="1-7">
			<el-icon-menu/>
			<template #title>进度条</template>
		</el-menu-item>
		<el-menu-item index="1-8">
			<el-icon-menu/>
			<template #title>导航菜单</template>
		</el-menu-item>
		<el-menu-item index="1-9">
			<el-icon-menu/>
			<template #title>日历</template>
		</el-menu-item>
	</el-menu> -->
	<!-- 使用自定义菜单加载数据 -->
	<mMenu :data="data" :collapse="collapse" default-active="2" class="el-menu-vertical-demo"></mMenu>
</template>

<script setup lang="ts">
	import {
	  Document,
	  Menu as IconMenu,
	  Location,
	  Setting,
	} from '@element-plus/icons-vue'
	let props = defineProps <{collapse: boolean}>()
	// const handleOpen = (key : string, keyPath : string[]) => {
	// 	console.log(key, keyPath)
	// }
	// const handleClose = (key : string, keyPath : string[]) => {
	// 	console.log(key, keyPath)
	// }
	let data=[
		{
			icon:'House',
			name:'首页',
			index:"/"
		},{
			icon:'Pointer',
			name:'图标选择器',
			index:"iconSelect"
		},{
			icon:'ZoomIn',
			name:'省市区选择',
			index:"ChooseArea"
		},{
			icon:'TopRight',
			name:'趋势标记',
			index:"trend"
		},
		{
			icon:'Timer',
			name:'时间选择',
			index:"trend"
		},
		{
			icon:'ChatRound',
			name:'通知菜单',
			index:"trend"
		},
		{
			icon:'ZoomIn',
			name:'城市选择',
			index:"trend"
		},{
			icon:'DataLine',
			name:'进度条',
			index:"trend"
		},{
			icon:'Setting',
			name:'导航菜单',
			index:"trend"
		},{
			icon:'Calendar',
			name:'日历',
			index:"trend"
		} 
	]
</script>

<style lang="scss" scoped>

</style>